$(document).ready(function(){
//    $("#btnBusqueda").click(function(){
//        
//        $.fn.colorbox({width: "50%", inline: true, href: "#form_est", open: true, scrollbars: false, opacity: "0.4"});
//    });
    $("#form_estudiante").submit(function(){
       return false;
    });
    $("#link_estudiantes").click(function(){
        $("#fil_bus").attr("disabled", true);
        $("#estudiantes :options").remove();
        lista_est();
        if($("#sede").val() != ''){
            $.fn.colorbox({width: "50%", inline: true, href: "#form_est", open: true, scrollbars: false, opacity: "0.4"});
        }        
        return false;
    });
    $("#gen_rep").click(function(){
        $("#busqueda").attr({value: ''});
       rep_estudiante();
    });
    $("#busqueda").keyup(function(){
        var letra = $(this).val();
        if(letra != ''){
            $("#fil_bus").removeAttr("disabled");
        } else {
            $("#fil_bus").attr("disabled", true);
        }
    });
    $('#fil_bus').click(function(){        
            $('#estudiantes :options, .load_est > img').remove();
            fil_est();        
    });
    $('#res_bus').click(function(){
            $('#estudiantes :options, .load_est > img').remove();
            $("#busqueda").attr({value: ""});
            $("#fil_bus").attr("disabled", true);
            lista_est();
    });
});
/* Funciones */
// Función que verifica el campo necesario para generar el listado de estudiantes
function ver_est(){
    var sede = $("#sede").val();

    if(sede == ''){
        alert("Es necesario seleccionar una sede para mostrar el listado de estudiantes.");
        $("#sede").focus();
        return false;
    } else {   
        $(".load_est").append("<img src='/estilos/imagenes/loader9.gif' width='17' height='17'>");
        $("#res_bus, #busqueda").attr("disabled", true);
    }
}
// Función que carga el listado de estudiantes según la sede seleccionada
function lista_est(){
    var sede = $("#sede").val();
    var grado = $("#grado").val();
    $.ajax({
        type: 'POST',
        url: 'reportes/lista_est.php?nocache='+Math.random(),
        dataType: 'text',
        beforeSend: ver_est,
        data: 'sede='+sede+'&grado='+grado,
        success: function(responseText){
            var datos1 = responseText.split("|");
            var datos1a = datos1.pop();
            var datos2 = responseText.split("^");
            var datos2a = datos2.shift();
            var num_datos = datos1.length;
            document.form_estudiante.estudiantes.length = num_datos
            for (var i = 0; i < num_datos; i ++){
                document.form_estudiante.estudiantes.options[i].value = datos1[i]
                document.form_estudiante.estudiantes.options[i].text = datos2[i]
                document.form_estudiante.estudiantes.options[i].title = datos2[i]
            }
            $(".load_est > img").remove();
            $("#res_bus, #busqueda").removeAttr("disabled");
        },
        error: function(){
            alert("Ha ocurrido un error durante la petici\xf3n al servidor.");
        }
    });
}
// Función que filtra los estudiantes según el criterio de busqueda
function fil_est(){
    var criterio = $("#busqueda").val();
    $.ajax({
        type: 'POST',
        url: 'reportes/fil_est.php?nocache='+Math.random(),
        dataType: 'text',
        beforeSend: function(){
            if($(".load_est > img").is(":visible")){
                $(".load_est > img").replaceWith("<img src='estilos/imagenes/loader9.gif' width='17' height='17'>");
            } else {
                $("#estudiantes").after("<img src='estilos/imagenes/loader9.gif' width='17' height='17'>");
            }
            $("#fil_bus, #res_bus, #busqueda").attr("disabled", true);
        },
        data: 'criterio='+criterio,
        success: function(responseText){
            var datos1 = responseText.split("|");
            var datos1a = datos1.pop();
            var datos2 = responseText.split("^");
            var datos2a = datos2.shift();
            var num_datos = datos1.length;
            document.form_estudiante.estudiantes.length = num_datos
            for (var i = 0; i < num_datos; i ++){
                document.form_estudiante.estudiantes.options[i].value = datos1[i]
                document.form_estudiante.estudiantes.options[i].text = datos2[i]
                document.form_estudiante.estudiantes.options[i].title = datos2[i]
            }
            $(".load_est > img").remove();
            $("#fil_bus, #res_bus, #busqueda").removeAttr("disabled");
        },
        error: function(){
            alert("Ha ocurrido un error durante la petici\xf3n al servidor.");
        }
    });
}
// Función que genera el grafico según el estudinates seleccionado
function rep_estudiante(estudiante,anio_menor,anio_mayor){
    if(!estudiante)
        estudiante = $("#estudiantes").val();
    if(!anio_menor)
        anio_menor = $("#anio_menor").val();
    if(!anio_mayor)
        anio_mayor = $("#anio_mayor").val();
    $.ajax({
        type: 'POST',
        url: 'reportes/rep_estudiantes.php?nocache='+Math.random(),
        dataType: 'html',        
        data: 'estudiante='+estudiante+'&anio_menor='+anio_menor+'&anio_mayor='+anio_mayor,
        success: function(respuesta){
            $.fn.colorbox.close();
            $("#reportes").html(respuesta);
        },
        error: function(){
            alert("Ha ocurrido un error durante la petici\xf3n al servidor.");
        }
    });
}